<template>
    <!-- 使用params方式获取参数 -->
    id:{{id}} <br>
    title:{{title}} <br>
    content:{{contentVar}} <br>
</template>
<script setup lang="ts" name="contentName">
defineProps(['id','title','contentVar'])
//通过 toRefs 将整个对象的所有属性都提取出来，并保持它们的响应式。
// import {toRefs} from 'vue'
// import {useRoute} from 'vue-router'
// //hock命名规则需要被使用，赋值变量
// let route = useRoute()
// console.log(route);
// //结构响应式属性，属性从此失去响应式
// let {params} = toRefs(route);
</script>